<template>
  <div style="width: 100%; height: 100%" class="flex flex-column">
    <tabs-group v-model="tab" :data-list="tabList" class="flex-fixed" />
    <component
      v-bind:is="current"
      v-bind="$attrs"
      class="flex-auto-height"
      style="padding: 20px; overflow: hidden auto"
    />
  </div>
</template>

<script>
import TabsGroup from '@gis/lib/components/tabs-group.vue';
import ManagerInfo from './manager-info.vue';
import CheckInfo from './check-info.vue';
export default {
  name: 'details-tabs',
  data() {
    return {
      tab: '1',
      tabList: [
        { label: '管理情况', value: '1' },
        { label: '排查情况', value: '2' },
      ],
      tabPages: {
        1: ManagerInfo,
        2: CheckInfo,
      },
    };
  },
  components: { TabsGroup },
  computed: {
    current() {
      return this.tabPages[this.tab];
    },
  },
};
</script>

<style scoped></style>
